
    		<!--application UI goes here-->
    	
<div id= "issueShow" data-role = "page" data-theme="d">
			
		
		
<div data-role ="header" class ="blue" data-position="fixed" >
<a href="#" id="issueShowBackButton" data-role="button" data-icon="arrow-l" data-iconpos="left" data-inline="true">Back</a>	

	<h1 id ="issueTitle"> </h1>
<a href="#" data-role="button"  data-inline="true">Edit</a>	
</div>

<div data-role="content" >   
<table data-role ="table" class="ui-body-d ui-shadow table-stripe ui-responsive" style = "text-align:center"  boder="1">
<thead>
	<tr class="ui-bar-b">
		<th id="tableTitle"> </th>
		<th id="issueUpdatedOn" style = "text-align:right"> </th>
	</tr>
</thead>        
<tbody>   
<tr>
  <td colspan = "2"> <h3 id="issueSubject">Subject</h3> </td>
<tr>

<tr> <td colspan = "2">
	<div data-role="collapsible">
		<h2>Description</h2>
    	<p id="issueDesc">Description Here</p>
    
	</div>
</td></tr>

<tr><td colspan = "2">
	 <progress id="issueDoneProgress" value="10" max="100"></progress>
	 Done <span id="issueDoneRatio">0%</span> 
</td></tr>	 

<tr>
	<td id="issueStatus"> </td>
	<td id="issuePriority"> </td>
</tr>

<tr>
	<td id="issueAssignedTo"> </td>
	<td id="issueSpentHours"> </td>
</tr>

<tr>
	<td id="issueStartDate"> </td>
	<td id="issueDueDate"> </td>
</tr>
<tr>
	<td colspan="2" id="issueFixedVersion"></td>
</tr>
</tbody>
</table>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="e" >Log Time</a> 
<a href="#" data-role="button" data-icon="edit" data-iconpos="right" >View History</a>

</div><!-- /content -->

<div data-role ="footer" class="blue" data-position="fixed">
	<a href="IssueShow.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="c" data-inline="true">Refresh</a>
	
</div>
	</div>
